{% extends '__base__.html' %}

{% block title %}配置管理{% endblock %}

{% block beforehead %}

<script>

$(function() {
    $('#div-loading').hide();
    
});
</script>

{% endblock %}

{% block content %}

    <div class="uk-width-medium-3-4 uk-grid data-uk-grid-margin">
    {% for m in menus %}
        {% if m.level == 1 and m.display == 1 %}
        <div class="uk-width-1-3">
            <a class="uk-panel uk-panel-box uk-panel-box-hover "  href="{{ m.url }}?menuid={{ m.id }}">
                <h3 class="uk-panel-title"><i class="uk-icon-home"></i> {{ m.name }}</h3>
                <hr class="uk-grid-divider">
            </a>
        </div>
        {% endif %}
    {% endfor %}
        
    </div>

    <div class="uk-width-medium-1-4 ">
        <div class="uk-panel uk-panel-header">
            <h3 class="uk-panel-title">友情链接</h3>
            <ul class="uk-list uk-list-line">
                <li><i class="uk-icon-thumbs-o-up"></i> <a target="_blank" href="http://www.liaoxuefeng.com/category/0013738748415562fee26e070fa4664ad926c8e30146c67000">编程</a></li>
                <li><i class="uk-icon-thumbs-o-up"></i> <a target="_blank" href="http://www.liaoxuefeng.com/category/0013738748248885ddf38d8cd1b4803aa74bcda32f853fd000">读书</a></li>
                <li><i class="uk-icon-thumbs-o-up"></i> <a target="_blank" href="http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000">Python教程</a></li>
                <li><i class="uk-icon-thumbs-o-up"></i> <a target="_blank" href="http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000">Git教程</a></li>
            </ul>
        </div>
    </div>
    <div id="div-loading" class="uk-width-1-1 uk-text-center">
        <span><i class="uk-icon-spinner uk-icon-medium uk-icon-spin"></i> 正在加载...</span>
    </div>
{% endblock %}
